<template>
  <div class="Layout">
    <div class="Head Border-Bottom">3. SVG动画</div>
    <div class="Body">
      <div>SVG原生的动画由SMIL（Synchronized Multimedia Integration Language）标准定义，由set、animation、animateTransform和animateMotion元素实现。</div>
      <div class="Gap-S"></div>
      <div class="Emphasize">浏览器兼容性：</div>
      <pre>IE ×  Edge × 12+ √ 79+ Firefox × 2+ √ 4+ Chrome Θ 4+ √ 5+ Safari × 3.1+ Θ 4+¹ √ 6+ Opera √</pre>
    </div>
    <div class="Site">
      <div>参考资料：https://www.w3.org/TR/REC-smil/</div>
    </div>
  </div>

</template>